<aside class="bg-dark aside-sm nav-vertical" id="nav">
    <section class="vbox">
        <header class="bg-black nav-bar">
            <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav">
                <i class="fa fa-bars"></i>
            </a>
            <a href="<?php echo $this->Html->url(array('controller' => 'members')); ?>" class="nav-brand" data-toggle="fullscreen" >
                <?php echo $this->Html->image('core/memberz-logo.png'); ?>
            </a>
            <a class="btn btn-link visible-xs" data-toggle="collapse" data-target=".navbar-collapse">
                <i class="fa fa-comment-o"></i>
            </a>
        </header>
        <section>
            <!-- nav -->
            <?php echo $this->element('members/main-nav'); ?>
            <!-- / nav -->
        </section>
        <footer class="footer bg-gradient hidden-xs">
            <a href="<?php echo $this->Html->url(array('controller' => 'member', 'action' => 'lock')); ?>" id="nav_lock_btn" data-toggle="ajaxModal" class="btn btn-sm btn-link m-r-n-xs pull-right">
                <i class="fa fa-power-off"></i>
            </a>
            <a href="#nav" data-toggle="class:nav-vertical" class="btn btn-sm btn-link m-l-n-sm">
                <i class="fa fa-bars"></i>
            </a>
        </footer>
    </section>
</aside>